<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>001-新增布局标签</title>
	</head>
	<body>
		<!-- 整个页面，或部分区域的头部 -->
		<header>头部</header>

		<!-- 整个页面，或部分区域的底部 -->
		<footer>底部</footer>

		<!-- 导航 -->
		<nav>
			<ul>
				<li>HTML5</li>
				<li>CSS3</li>
				<li>JavaScript</li>
			</ul>
		</nav>

		<!-- ******************************************************************** -->

		<!-- 文章、帖子、杂志、新闻、博客、评论等 -->
		<article></article>

		<!-- 页面中的某段文字，或文章中的某段文字（里面文字通常里面包含标题） -->
		<section>
			<h2>第二章</h2>
			Lorem ipsum dolor sit amet consectetur adipisicing elit.
		</section>

		<!--
				关于 article 和 section:
				1. article 里面可以有多个 section。
				2. section 强调的是分段或分块，如果你想将一块内容分成几段的时候，可使用 section 元素。
				3. article 比 section 更强调独立性，一块内容如果比较独立、比较完整、应该使用 article 元素。
			-->

		<!-- ******************************************************************** -->

		<!-- 侧边栏 -->
		<aside>侧边栏</aside>
	</body>
</html>
